﻿{% extends "./inc_baseNew.html" %}
{% block content %}
<div class="container margin-boot-25">
    <div class="member-area-from-wrap">
        <div class="row">
            <div class="col-wy-4">
                <div class="login-reg-form-wrap" style="margin-top: 20px">
                    <div class="breadcrumb-wrap">
                        <nav aria-label="breadcrumb">
                            <ul class="breadcrumb">
                                <!--<li class="breadcrumb-item"></li>-->
                                <li class="breadcrumb-item"><a href="/">首页</a></li>
                                <!--<li class="breadcrumb-item"><a href="shop-grid-left-sidebar.html">点就收</a></li>-->
                                <li class="breadcrumb-item active" aria-current="page">点就收</li>
                            </ul>
                        </nav>
                    </div>

                    <div class="container">
                        <div class="row">
                            <div class="col-wy-11">
                                <!-- product details inner end -->
                                <div class="product-details-inner">
                                    <div class="row">
                                        <div class="register-box">
                                            <div class="wrap">
                                                <div class="register-box-con2">
                                                    <div class="register-box-con2-box clearfix mar-bottom20" style="width: 20%; margin: 0 auto;">
                                                        <div class="pretty circle primary">
                                                            <input type="radio" name="radio5">
                                                            <label><i class="default"></i> 我是供方</label>
                                                        </div>
                                                        <div class="pretty circle primary">
                                                            <input type="radio" name="radio5">
                                                            <label><i class="default"></i> 我是需方</label>
                                                        </div>
                                                    </div>
                                                    <div class="djs-ddxx">对方信息
                                                        <div class="djs-search bar1">
                                                            <form>
                                                                <input type="text" placeholder="请输入电话号码">
                                                                <button type="submit"></button>
                                                            </form>
                                                        </div>
                                                    </div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20">
                                                        <label class="register-box-con2-box-left">公司名称</label>
                                                        <div class="register-box-con2-box-right">
                                                            <input type="text" class="login-box-cen-form-input w358" placeholder="请输入公司名称" id="reg_info_company"/>
                                                            <label id="reg_info_company_text"  class="err err-top40">请输入公司名称</label>
                                                        </div>
                                                    </div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20">
                                                        <label class="register-box-con2-box-left">业&nbsp;&nbsp;务&nbsp;&nbsp;员</label>
                                                        <div class="register-box-con2-box-right">
                                                            <input type="text" class="login-box-cen-form-input w358" placeholder="请输入业务员" id="reg_info_company"/>
                                                            <label id="reg_info_company_text"  class="err err-top40">请输入业务员</label>
                                                        </div>
                                                    </div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20">
                                                        <label class="register-box-con2-box-left">联系电话</label>
                                                        <div class="register-box-con2-box-right">
                                                            <input type="text" class="login-box-cen-form-input w358" placeholder="请输入联系电话" id="reg_info_company"/>
                                                            <label id="reg_info_company_text"  class="err err-top40">请输入联系电话</label>
                                                        </div>
                                                    </div>

                                                    <div class="djs-ddxx">订单信息</div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20">
                                                        <label class="register-box-con2-box-left"><em class="bitian">*</em>订单标题</label>
                                                        <div class="register-box-con2-box-right">
                                                            <input type="text" class="login-box-cen-form-input w358" placeholder="请输入订单标题" id="reg_info_company"/>
                                                            <label id="reg_info_company_text"  class="err err-top40">请输入订单标题</label>
                                                        </div>
                                                    </div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20">
                                                        <label class="register-box-con2-box-left"><em class="bitian">*</em>商品类别</label>
                                                        <div class="register-box-con2-box-right form-wy">
                                                            <select class="form-control" id="province10">
                                                                <option value="0">选择类别</option>
                                                                <option value="1">废钢</option>
                                                                <option value="2">废有色</option>
                                                                <option value="3">废塑料</option>
                                                            </select>
                                                        </div>

                                                        <div class="form-wy">
                                                            <select class="form-control" id="province10">
                                                                <option value="0">选择类别</option>
                                                                <option value="1">类别1</option>
                                                                <option value="2">类别2</option>
                                                                <option value="3">类别3</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20">
                                                        <label class="register-box-con2-box-left"><em class="bitian"></em>预计数量（吨）</label>
                                                        <div class="register-box-con2-box-right">
                                                            <input type="text" class="login-box-cen-form-input wy30" placeholder="请输入预计数量" id="reg_info_www" />
                                                            <label class="err err-top40" id="reg_info_www_text">请输入预计数量</label>
                                                            <label class="register-box-con2-box-left" style=" width: 30%"><em class="bitian"></em>商品价格（元/吨）</label>
                                                            <input type="text" class="login-box-cen-form-input wy30" placeholder="请输入预计价格" id="reg_info_address" />
                                                            <label class="err err-top40" id="reg_info_address_text">请输入预计价格</label>
                                                        </div>
                                                    </div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20">
                                                        <label class="register-box-con2-box-left"><em class="bitian"></em>预计货款（元）</label>
                                                        <div class="register-box-con2-box-right">
                                                            <input type="text" class="login-box-cen-form-input wy30" placeholder="请输入预计预计货款" id="reg_info_www" />
                                                            <label class="err err-top40" id="reg_info_www_text">请输入预计预计货款</label>
                                                            <label class="register-box-con2-box-left" style=" width: 30%"><em class="bitian"></em>付款比例（%）</label>
                                                            <input type="text" class="login-box-cen-form-input wy30" placeholder="请输入付款比例" id="reg_info_address" />
                                                            <label class="err err-top40" id="reg_info_address_text">请输入付款比例</label>
                                                        </div>
                                                    </div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20">
                                                        <label class="register-box-con2-box-left"><em class="bitian"></em>商品描述</label>
                                                        <div class="register-box-con2-box-right">
                                                            <textarea class="login-box-cen-form-textarea w358 h88" id="reg_info_textarea" placeholder="简介不超过200个字....."></textarea>
                                                            <label class="err err-top90" id="reg_info_textarea_text">简介不超过200个字</label>
                                                        </div>
                                                    </div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20">
                                                        <label class="register-box-con2-box-left"><em class="bitian">*</em>所在地区</label>
                                                        <div class="register-box-con2-box-right form-wy">
                                                            <select class="form-control" id="province10">
                                                                <option value="0">选择类别</option>
                                                                <option value="1">北京</option>
                                                                <option value="2">上海</option>
                                                                <option value="3">广州</option>
                                                            </select>
                                                        </div>

                                                        <div class="form-wy">
                                                            <select class="form-control" id="province10">
                                                                <option value="0">选择类别</option>
                                                                <option value="1">类别1</option>
                                                                <option value="2">类别2</option>
                                                                <option value="3">类别3</option>
                                                            </select>
                                                        </div>
                                                    </div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20">
                                                        <label class="register-box-con2-box-left"><em class="bitian">*</em>位置详细</label>
                                                        <div class="register-box-con2-box-right">
                                                            <input type="text" class="login-box-cen-form-input w358" placeholder="请输入位置详细" id="reg_info_name" />
                                                            <label class="err err-top40" id="reg_info_name_text">请输入位置详细</label>
                                                        </div>
                                                    </div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20">
                                                        <label class="register-box-con2-box-left"><em class="bitian">*</em>是否带票</label>
                                                        <div class="register-box-con2-box-right">
                                                            <div class="pretty circle primary">
                                                                <input type="radio" name="radio19">
                                                                <label><i class="default"></i> 带票</label>
                                                            </div>
                                                            <div class="pretty circle primary">
                                                                <input type="radio" name="radio19">
                                                                <label><i class="default"></i> 不带票</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20">
                                                        <label class="register-box-con2-box-left"><em class="bitian">*</em>发票税率</label>
                                                        <div class="register-box-con2-box-right">
                                                            <div class="pretty circle primary">
                                                                <input type="radio" name="radio1">
                                                                <label><i class="default"></i> 0%</label>
                                                            </div>
                                                            <div class="pretty circle primary">
                                                                <input type="radio" name="radio1">
                                                                <label><i class="default"></i> 3%</label>
                                                            </div>
                                                            <div class="pretty circle primary">
                                                                <input type="radio" name="radio1">
                                                                <label><i class="default"></i> 16%</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20">
                                                        <label class="register-box-con2-box-left"><em class="bitian">*</em>是否线下合同</label>
                                                        <div class="register-box-con2-box-right">
                                                            <div class="pretty circle primary">
                                                                <input type="radio" name="radio5">
                                                                <label><i class="default"></i> 是</label>
                                                            </div>
                                                            <div class="pretty circle primary">
                                                                <input type="radio" name="radio5">
                                                                <label><i class="default"></i> 否</label>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20">
                                                        <label class="register-box-con2-box-left"><em class="bitian">*</em>图片示例</label>
                                                        <div class="register-box-con2-box-right">
                                                            <label class="register-box-con2-box-upload">
                                                                <input type="file" name="file" id="reg_info_file" />
                                                                <div class="register-box-con2-box-upload-ti"><em id="reg_info_file_w">上传</em><img id="reg_info_file_base64" style="display:none;"/></div>
                                                            </label>
                                                            <p class="register-box-con2-box-pw">1.支持图片格式JPG/PNG，图片大小不超过2M</p>
                                                            <p class="register-box-con2-box-pw">2.上传名片，便于联系开发者进行审核等重要事项</p>
                                                            <label class="err err-top160" id="reg_info_file_text">支持图片格式JPG/PNG，图片大小不超过2M</label>
                                                        </div>
                                                    </div>
                                                    <div class="register-box-con2-box clearfix mar-bottom20 mar-top50">
                                                        <label class="register-box-con2-box-left"></label>
                                                        <div class="register-box-con2-box-right">
                                                            <input type="submit" value="完成" class="login-box-cen-form-button w380" id="reg_info_submit" />
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                                <!-- product details inner end -->

                            </div>

                            <!-- sidebar start -->
                            <!-- sidebar end -->
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
  $(function(){
    //demo1
    var regconfig=[
      {eleinput:"login_phone",eletext:"login_phone_text",rule:[{reg:/^.+$/,text:"手机号不能为空"},{reg:/^1[34578]\d{9}$/,text:"手机号格式错误"}]},
      {eleinput:"login_password",eletext:"login_password_text",rule:[{reg:/^.+$/,text:"密码不能为空"}]}
    ];
    tbdValidate(
      regconfig,
      {
        elesubmit:"login_submit",//提交按钮
        funsubmit:function(){//验证通过可提交回调
          //信息提交接口
          alert("成功");
        },
        funerr:function(){//不可提交回调

        },
        funerrlist:function(errlist){
          $('#'+ errlist[0]).focus();
        }
      }
    );
    //end
    //demo2
    var regconfig=[
      {eleinput:"reg_info_company",eletext:"reg_info_company_text",rule:[{reg:/^.+$/,text:"企业名称不能为空"},{reg:/^.{1,20}$/,text:"企业名称不超过20个字"}]},
      {eleinput:"reg_info_name",eletext:"reg_info_name_text",rule:[{reg:/^.+$/,text:"联系人不能为空"},{reg:/^.{1,20}$/,text:"联系人不超过20个字"}]},
      {eleinput:"reg_info_email",eletext:"reg_info_email_text",rule:[{reg:/^.+$/,text:"Email地址不能为空"},{reg:/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/,text:"Email地址格式错误"}]}
    ];
    tbdValidate(
      regconfig,
      {
        elesubmit:"reg_info_submit",//提交按钮
        funsubmit:function(){//验证通过可提交回调
          if($("#reg_info_file_base64").attr("src")){
            $("#reg_info_file_text").hide();
          }else{
            $("#reg_info_file_text").html('请上传名片').show();
            return false;
          };
          //信息提交接口
          alert("成功");
        },
        funerr:function(){//不可提交回调
          if($("#reg_info_file_base64").attr("src")){
            $("#reg_info_file_text").hide();
          }else{
            $("#reg_info_file_text").html('请上传名片').show();
            return false;
          };
        },
        funerrlist:function(errlist){
          $('#'+ errlist[0]).focus();
        }
      }
    );

    var noregconfig=[
      {eleinput:"reg_info_www",eletext:"reg_info_www_text",rule:[{reg:/(^(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$)|(^$)/,text:"请输入正确的网址"}]},
      {eleinput:"reg_info_address",eletext:"reg_info_address_text",rule:[{reg:/^.{0,40}$/,text:"公司所在地址，不超过40个字"}]},
      {eleinput:"reg_info_textarea",eletext:"reg_info_textarea_text",rule:[{reg:/^.{0,200}$/,text:"简介不超过200个字"}]}
    ];
    tbdnoValidate(noregconfig);
    //end
    //demo3
    //获取短信验证码
    var mesdong=null;
    var mestime=60;
    $("#reg_mescode_btn").click(function(){
      var phoneval=$.trim($("#reg_phone").val());
      if(regconfig[0].rule[0].reg.test(phoneval)){
        $("#reg_phone_text").hide();
      }else{
        $("#reg_phone_text").html(regconfig[0].rule[0].text).show();
        $("#reg_phone").focus();
        return false
      };
      if(regconfig[0].rule[1].reg.test(phoneval)){
        $("#reg_phone_text").hide();
      }else{
        $("#reg_phone").focus();
        $("#reg_phone_text").html(regconfig[0].rule[1].text).show();
        return false
      };
      if($(this).attr('able')=="able"){//发送
        $(this).attr('able',"disable");
        $(this).css('cursor','not-allowed');
        $(this).html(mestime+"s");
        mesdong=setInterval(function(){//倒计时
          mestime-=1;
          if(mestime<0){
            $("#reg_mescode_btn").attr('able',"able");
            $("#reg_mescode_btn").css('cursor','pointer');
            $("#reg_mescode_btn").html('获取验证码');
            mestime=60;
            clearInterval(mesdong);
          }else{
            $("#reg_mescode_btn").html(mestime+"s");
          };
        },1000);
        //短信发送接口

      }else{

      };
    });
    //注册
    var regconfig=[
      {eleinput:"reg_phone",eletext:"reg_phone_text",rule:[{reg:/^.+$/,text:'手机号不能为空'},{reg:/^1[34578]\d{9}$/,text:'手机号格式错误'}]},
      {eleinput:"reg_password",eletext:"reg_password_text",rule:[{reg:/^.+$/,text:'密码不能为空'},{reg:/^.{6,10}$/,text:'密码在6-10位之间'}]},
      {eleinput:"reg_mescode",eletext:"reg_mescode_text",rule:[{reg:/^.+$/,text:'短信验证码不能为空'},{reg:/^[0-9]{6}$/,text:'输入6位短信验证码'}]}
    ];
    tbdValidate(
      regconfig,
      {
        elesubmit:"reg_submit",//提交按钮
        funsubmit:function(){//验证通过可提交回调
          //信息提交接口
          alert("成功");
        },
        funerr:function(){//不可提交回调

        },
        funerrlist:function(errlist){
          $('#'+ errlist[0]).focus();
        }
      }
    );
    //end
  });
</script>
{% endblock %}